.main {
    width: 980px;
    height: 455px;
    margin-left: 220px;
    margin-top: 10px;
}
.focus {
    position: relative;
    width: 720px;
    height: 455px;
    background-color:green;
}
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?x3p4j2');
    src:  url('../fonts/icomoon.eot?x3p4j2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?x3p4j2') format('truetype'),
    url('../fonts/icomoon.woff?x3p4j2') format('woff'),
    url('../fonts/icomoon.svg?x3p4j2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.arrow_l,.arrow_r {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 24px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    background-color: rgba(0,0,0,0.3);
    color: #cdcdcd;
    font-family: 'icomoon';
}
.arrow_r {
    right: 1px;
}
.circle {
    position: absolute;
    bottom: 10px;
    left: 50px;
}
.circle li {
    float: left;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(255, 255, 255, 0.76);
    border-radius: 8px;
    margin-left: 5px;
    cursor: pointer;
}
.current {
    background-color: #fff;
}
.newsflash {
    width: 250px;
    height: 455px;
}
.news {
    height: 163px;
    border: 1px solid #e4e4e4;
}
.news_hd {
    height: 36px;
    border-bottom: 1px dotted #e4e4e4;
    line-height: 36px;
}
.news_hd h4{
    float: left;
    margin-left: 15px;
    color: #333;
}
.news_hd a {
    float: right;
    margin-right: 15px;
    color: #666;
    font-family: 'icomoon';
}
.news_bd {
    padding: 10px 0 0 15px;
}
.news_bd_ad li {
    height: 22px;
}
.lifeservice {
    overflow: hidden;
    height: 208px;
    border: 1px solid #ccc;
    border-top: none;
}
.lifeservice ul {
    width: 252px;
    height: 208px;
}
.lifeservice li {
    float: left;
    width: 62px;
    height: 70px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
.lifeservice li a {
    display: block;
    overflow: hidden;
    height: 70px;
}
.service_ico {
    display: block;
    width: 25px;
    height: 25px;
    margin: 10px auto;
    background: url(../img/icons.png) no-repeat;

}
.service_ico_huafei {
    background-position: -16px -17px;
}
.service_ico_jipiao {
    background-position: -77px -17px;
}
.service_ico_dianyingpiao {
    background-position: -142px -17px;
}
.service_ico_youxi {
    background-position: -206px -17px;
}
.service_ico_caipiao {
    background-position: -16px -88px;
}
.service_ico_jiayouka {
    background-position: -79px -88px;
}
.service_ico_jiudian {
    background-position: -141px -88px;
}
.service_ico_huochepiao {
    background-position: -206px -88px;
}
.service_ico_zhongchou {
    background-position: -17px -160px;
}
.service_ico_licai {
    background-position: -78px -160px;
}
.service_ico_lipinka {
    background-position: -141px -160px;
}
.service_ico_baitiao {
    background-position: -206px -160px;
}
.lifeservice p {
    text-align: center;
}
.lifeservice li:nth-child(2) {
    position: relative;
}
.reduce {
    position: absolute;
    top:0;
    right: 0;
    width: 13px;
    height: 17px;
    background: url(../img/reduce.png) no-repeat;
}
.bargain {
    width: 250px;
    height: 75px;
    margin-top: 5px;
    background: url(../upload/bargain.jpg) no-repeat;
}
.recommend {
    height: 163px;
    margin-top: 10px;
    background-color: pink;
}
.recom_hd {
    width: 200px;
    height: 163px;
    background-color: #5c5251;
    text-align: center;
}
.recom_hd img {
    margin-top: 30px;
}
.recom_hd h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.recom_bd {
    width: 1000px;
    height: 163px;
    background-color: #ebebeb;
}
.recom_bd li {
    float: left;
    width: 249px;
    height: 145px;
    margin-top: 20px;
    border-right: 1px solid #ddd;
}
.recom_bd li a img{
    margin-left: 18px;
}
.recom_bd .last {
    border: none;
}
/* 猜你喜欢 */
.like {
    height: 260px;
    margin-top: 30px;
}
.like_hd {
    height: 28px;
}
.like_hd h3 {
    font-size: 18px;
    font-weight: 400;
}
.like_hd span {
    font-size: 12px;
    font-family: 'icomoon';
}
.like_bd {
    height: 230px;
    border: 1px solid #ededed;
}
.like_bd li {
    float: left;
    width: 199px;
    height: 230px;
}
.like_bd li a {
    display: block;
    width: 199px;
    height: 230px;
    text-align: center;
}
.like_bd li img {
    width: 130px;
    height: 130px;
    margin-top: 20px;
}
.like_bd p {
    width: 125px;
    height: 30px;
    margin: 10px auto;
    text-align: left;
}
.like_bd h3 {
    font-size: 18px;
    color: #c81623;
}
 /* 传智播客有趣区 */
.funny {
    height: 440px;
    margin-top: 30px;
 }
.funny_hd {
     height: 30px;
 }
.funny_hd h3 {
     font-size: 18px;
     font-weight: 400;
 }
.funny_bd {
    height: 405px;
    border: 1px solid #ededed;
 }
.readbook {
    width: 400px;
    height: 405px;
 }
.pinpai {
    width: 634px;
    height: 405px;
 }
.pinpai_top {
    height: 244px;
    border: 1px solid #ededed;
    border-left: none;
 }
.goodthings {
    width: 229px;
    height: 244px;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.goodthings_hd h3,.pinpaijie_hd h3 {
    height: 30px;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
}
.goodthings_hd h3 {
    width: 190px;
    
}
.goodthings_bd {
    height: 204px;
}
.pinpaijie {
    width: 403px;
    height: 244px;
    background-color: #f7f7f7;
}
.pinpaijie_hd h3{
    width: 355px;
}
.pinpai_bottom {
    height: 159px;
}
.pinpai_bottom li {
    float: left;
    height: 159px;
}
.pinpai_logos {
    overflow: hidden;
    width: 164px;
    height: 405px;
}
.pinpai_logos ul {
    width: 172px;
    height: 405px;
}
.pinpai_logos li {
    float: left;
    width: 85px;
    height: 58px;
    border-right: 1px dashed #ededed;
    border-bottom: 1px dashed #ededed;
}
.pinpai_ico {
    display: block;
    width: 85px;
    height: 58px;
    background: url(../img/pinpai_logos.png) no-repeat;
}
.huawei {
    background-position: 0 0;
}
.sony {
    background-position: -86px 0;
}
.meizu {
    background-position: 0 -59px;
}
.leshi {
    background-position: -86px -58px;
}
.vivo {
    background-position: 0 -117px;
}
.samsung {
    background-position: -86px -116px;
}
.oppo {
    background-position: 0 -175px;
}
.chaeies {
    background-position: -86px -174px;
}
.meidi {
    background-position: 0 -233px;
}
.lining {
    background-position: -86px -231px;
}
.supor {
    background-position: 0 -291px;
}
.anta {
    background-position: -86px -290px;
}
.xiaomi {
    background-position: 0 -350px;
}
.leshi_two {
    background-position: -86px -349px;
}
/* floor楼层区 start*/
.box_hd {
    height: 30px;
    margin-top: 25px;
    border-bottom: 2px solid #c81632;
}
.box_hd h3{
    font-size: 18px;
    color: #c81623;
}
.tab_list {
    line-height: 30px;
}
.tab_list li {
    float: left;
}
.tab_list li a {
    padding: 0 15px;
}
.box_bd {
    height: 360px;
}
.box_bd li {
    overflow: hidden;
}
.box_bd img {
    transition: all .2s;
}
.box_bd img:hover {
    margin-left: 8px;
}
.tab-con li {
    float: left;
    height: 360px;
}
.w209 {
    position: relative;
    width: 209px;
    background-color: #f9f9f9;
}
.timer {
    position: absolute;
    bottom: 5px;
    left: 40px;
}
.timer span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.w329 {
    width: 329px;
}
.w219 {
    width: 219px;
    border-right: 1px solid #ccc;
}
.w220 {
    width: 220px;
    border-right: 1px solid #ccc;
}
.tab-con-item {
    border-bottom: 1p solid #ccc;
}
.tab-con-list {
    overflow: hidden;
    margin-bottom: 15px;
}
.tab-con-list li {
    float: left;
    width: 86px;
    height: 32px;
    margin-left: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: 32px;
}
.floor {
    overflow: hidden;
}
.floor .tab_content {
    display: none;
}
.floor .box_bd .current {
    display: block;
}
/* floor楼层区 end*/
/* 电梯导航 start */
.floornav {
    display: none;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -676px;
    width: 66px;
}
.floornav li {
    padding: 8px 0;
    border-bottom: 1px solid #ededed;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.floornav .current {
    border-top: 1px solid #ededed;
    background-color: #c81623;
    color: #fff;
}
/* 电梯导航 end */

/* 轮播图 */
.swiper-container {
    width: 100%;
    height: 100%;
  }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #000;
    background: #fff;
}